import './ContractDetails.css'

const ContractDetails = (props: any) => {
  return (
    <div className="contractDetailsBody">
      <div className="contractDetails">
        <div className="numDetalis">{props.contract.contractCash}</div>
        <div className="fontDetails">{props.contract.contract}</div>
      </div>
      <div className="contractDetails">
        <div className="numDetalis">{props.contract.incomeCash}</div>
        <div className="fontDetails">{props.contract.income}</div>
      </div>
      <div className="contractDetails">
        <div className="numDetalis">{props.contract.invoiceCash}</div>
        <div className="fontDetails">{props.contract.invoice}</div>
      </div>
      <div className="contractDetailsEnd">
        <div className="numDetalis">{props.contract.collectionCash}</div>
        <div className="fontDetails">{props.contract.collection}</div>
      </div>
    </div>
  )
}

export default ContractDetails
